@media (max-width:768px){

    /* DESKTOP PANEL EFEKTLERİNİ KAPAT */
    .hero-panel,
    .animate-panel{
        position:relative !important;
        transform:none !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
    }

    /* SAHNE */
    .hero-stage{
        width:100%;
        overflow:hidden;
        position:relative;
    }

    /* WRAPPER */
    .hero-panels{
        display:flex;
        width:300%;
        transform:translateX(0);
        transition:transform .6s ease;
    }

    /* HER PANEL */
    .hero-panel{
        flex:0 0 100%;
        width:100%;
    }

    /* GÖRSEL */
    .hero-panel img{
        width:100% !important;
        height:auto !important;
        display:block;
        transform:none !important;
    }

}

@media (max-width:768px){

    .hero-stage{
        width:100%;
        position:relative;
        overflow:hidden;
        aspect-ratio: 4 / 5; /* mobil sabit oran */
    }

    .hero-panels{
        display:flex;
        width:100%;              /* 300% kaldır */
        transition:transform .6s ease;
    }

    .hero-panel{
        flex:0 0 100%;
        width:100%;
    }

    .hero-panel img{
        width:100%;
        height:100%;
        object-fit:cover;        /* oran sabit */
        display:block;
    }

}

@media (max-width:768px){

    .hero-stage{
        width:100%;
        overflow:hidden;
        position:relative;
        aspect-ratio:4/5;
    }

    .hero-panels{
        display:flex;
        transition:transform .6s ease;
    }

    .hero-panel{
        flex:0 0 100%;
    }

    .hero-panel img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }

}
@media (max-width:768px){
   .hero-panels{
      transform: translateX(0) !important;
   }
}